<template>
  <div>
    <Backnav backTitle="退货订单"></Backnav>
    <van-tabs class="section" :swipeable="true" v-model="active" animated color="#4bd863">
      <van-tab
        v-for="(item, index) in title"
        :title="item + '(' + 3 + ')'"
        :key="index"
      >
        <ProductList :orderInfo="orderInfo">
          <!-- {{fn(item.state)}} -->
        </ProductList>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import Backnav from "../../components/nav/Backnav";
import ProductList from "../../components/order/orderList";
export default {
  name: "ReturnProduct",
  components: { Backnav, ProductList },
  data() {
    return {
      active: 0,
      title: ["处理中", "已退货", "拒绝处理"],
      vaule: 3,
      orderInfo: [
        {
          id: "1",
          storeName: "剥壳者商城",
          orderState: "卖家处理中",
          state: "6",
          num: "30",
          specify: "独立包装(1个装)",
          storeImg: "https://img01.yzcdn.cn/vant/ipad.jpeg",
          orderNumber: new Date().getTime(),
          product: [
            {
              id: "1",
              price: "3.5",
              desc: "甜得很",
              checked: false,
              title: "黑美人西瓜",
              thumb: "https://img01.yzcdn.cn/vant/ipad.jpeg",
            },
            {
              id: "2",
              price: "3.5",
              desc: "甜得很",
              checked: true,
              title: "脆皮西瓜",
              thumb: "https://img01.yzcdn.cn/vant/ipad.jpeg",
            },
          ],
          allMoney: "10.5",
        },
        {
          id: "2",
          storeName: "剥壳者商城",
          orderState: "已退货退款",
          state: "9",
          num: "3",
          specify: "独立包装(1个装)",
          storeImg: "https://img01.yzcdn.cn/vant/ipad.jpeg",
          orderNumber: new Date().getTime(),
          product: [
            {
              id: "3",
              price: "3.5",
              desc: "甜得很",
              checked: false,
              title: "脆皮西瓜",
              thumb: "https://img01.yzcdn.cn/vant/ipad.jpeg",
            },
          ],
          allMoney: "10.5",
        },
        {
          id: "5",
          storeName: "剥壳者商城",
          orderState: "已退货退款",
          state: "5",
          num: "3",
          specify: "独立包装(1个装)",
          storeImg: "https://img01.yzcdn.cn/vant/ipad.jpeg",
          orderNumber: new Date().getTime(),
          product: [
            {
              id: "3",
              price: "3.5",
              desc: "甜得很",
              checked: false,
              title: "脆皮西瓜",
              thumb: "https://img01.yzcdn.cn/vant/ipad.jpeg",
            },
          ],
          allMoney: "10.5",
        },
        {
          id: "6",
          storeName: "剥壳者商城",
          orderState: "已退货退款",
          state: "4",
          num: "3",
          specify: "独立包装(1个装)",
          storeImg: "https://img01.yzcdn.cn/vant/ipad.jpeg",
          orderNumber: new Date().getTime(),
          product: [
            {
              id: "3",
              price: "3.5",
              desc: "甜得很",
              checked: false,
              title: "脆皮西瓜",
              thumb: "https://img01.yzcdn.cn/vant/ipad.jpeg",
            },
          ],
          allMoney: "10.5",
        },
        {
          id: "7",
          storeName: "剥壳者商城",
          orderState: "已退货退款",
          state: "3",
          num: "3",
          specify: "独立包装(1个装)",
          storeImg: "https://img01.yzcdn.cn/vant/ipad.jpeg",
          orderNumber: new Date().getTime(),
          product: [
            {
              id: "3",
              price: "3.5",
              desc: "甜得很",
              checked: false,
              title: "脆皮西瓜",
              thumb: "https://img01.yzcdn.cn/vant/ipad.jpeg",
            },
          ],
          allMoney: "10.5",
        },
        {
          id: "3",
          storeName: "剥壳者商城",
          orderState: "卖家处理中",
          state: "2",
          num: "3",
          specify: "独立包装(1个装)",
          storeImg: "https://img01.yzcdn.cn/vant/ipad.jpeg",
          orderNumber: new Date().getTime(),
          product: [
            {
              id: "4",
              price: "3.5",
              desc: "甜得很",
              checked: false,
              title: "黑美人西瓜",
              thumb: "https://img01.yzcdn.cn/vant/ipad.jpeg",
            },
          ],
          allMoney: "10.5",
        },
        {
          id: "4",
          storeName: "剥壳者商城",
          orderState: "拒绝处理",
          state: "1",
          num: "3",
          specify: "独立包装(1个装)",
          storeImg: "https://img01.yzcdn.cn/vant/ipad.jpeg",
          orderNumber: new Date().getTime(),
          product: [
            {
              id: "5",
              price: "3.5",
              desc: "甜得很",
              checked: false,
              title: "脆皮西瓜",
              thumb: "https://img01.yzcdn.cn/vant/ipad.jpeg",
            },
          ],
          allMoney: "10.5",
        },
      ],
    };
  },
  methods: {
    tags(e) {
      console.log(e);
    },
  },
};
</script>

<style scoped>
.section {
  margin-top: 50px;
}
/* div { */
  /* background-color: #f2f2f2; */
/* } */
</style>